<!DOCTYPE html>
<html>
<head lang="en">
    <title>动画</title>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <script>
//        console.log('%chello world', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');
//        var data = {code:200,content:[{'品名': '杜雷斯', '数量': 4}, {'品名': '冈本', '数量': 3}]};
//        console.table(data.content);
        console.log("在座的都是辣鸡");
    </script>
</head>
<body>



<h4>
    浮动动画
</h4>
<br><br>
<div class="floating">

</div>

<br><br><br><br>

<h4>
    弹出
</h4>
<div class="popup"></div>



</body>
<script type="text/javascript" src='../js/common.js'></script>
<script type="text/javascript" src='../js/animation.js'></script>
</html>